<template>
	<view :class="['container',$store.state.theme.themeType]"
		:style="{'padding-top': 'var(--status-bar-height)','--nav_color':$store.state.theme.navColor,'--background':$store.state.theme.background}">
		<scroll-view :style="{'height':scroll_height+'px !important'}" :scroll-y="true">
			<view style="height: 40rpx;"></view>
			<view class="item" @click="jump()">
				阅读记录
			</view>
			<view class="item" @click="warn()">
				加群反馈
			</view>
		</scroll-view>
	</view>
</template>

<script>
	import {
		getList
	} from '../../api/index.js'
	import {
		RpxToPx,
		PxToRpx
	} from "../../utils/index.js"
	export default {
		data() {
			return {
				size: 0
			};
		},
		created() {
			this.scroll_height = getApp().globalData.screenHeight - 50 - getApp().globalData.statusBarHeight
		},
		methods: {
			PxToRpx(num) {
				return PxToRpx(num)
			},
			RpxToPx(num) {
				return RpxToPx(num)
			},
			jump() {
				uni.navigateTo({
					url: "../history/history"
				})
			},
			warn() {
				//#ifdef APP
				let key = "NxTr015vQ9YVMDguoIwtblqaOPy1FY60"; //修改的key
				plus.runtime.openURL(
					'mqqopensdkapi://bizAgent/qm/qr?url=http%3A%2F%2Fqm.qq.com%2Fcgi-bin%2Fqm%2Fqr%3Ffrom%3Dapp%26p%3Dandroid%26k%3D' +
					key)
				//#endif
			}
		}
	}
</script>

<style lang="less">
	.container.dark {}

	.container {
		background: var(--background);

		.item {
			font-size: 30rpx;
			margin: 40rpx;
			margin-top: 0;
			height: 100rpx;
			line-height: 100rpx;
			text-align: center;
			border-radius: 999px;
			background-color: var(--background);
			box-shadow: 10rpx 10rpx 15rpx var(--color1), -10rpx -10rpx 15rpx var(--color2);

		}
	}
</style>
